<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/bootstrap.min-5.0.1.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>

<body>
    <div id="container">
        <div id="position" class="shadow p-3 mb-5 bg-body rounded position-absolute top-50 start-50 translate-middle"
            style="width: 50rem;">
            <h1>
                <center>
                    用&nbsp;户&nbsp;注&nbsp;册
                </center>
            </h1>
            <center>
                <form action="">
                    <table>
                        <tr>
                            <td>
                                <input type="text" name="1" class="clear" id="username" placeholder="用户名/手机号/邮箱">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="password" name="2" class="clear def_sty"  id="password" placeholder="请输入密码">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="password" name="3" class="clear def_sty"  id="confirm_password" placeholder="请确认密码">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="text" name="4" class="clear def_sty"  id="cellphone" placeholder="请输入手机号">
                            </td>
                        </tr>
                        <tr>

                            <td>
                                <input type="password" name="" class="clear def_sty"  id="auth_code" placeholder="请输入验证码">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <center>
                                    <button type="button" class="btn btn-success" onclick="endterRegister()">注册</button>
                                    <button type="button" id="reset" class="btn btn-warning" onclick="clear()">重置</button>
                                </center>
                            </td>
                        </tr>
                    </table>
                </form>
            </center>
        </div>
    </div>
    <script src="js/jquery-3.6.0.min.js"></script>
    <script src="js/bootstrap.min-5.0.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/input_def.js"></script>
    <script>
        function endterRegister(){
            window.location.href = '/userLogin'
        }

        function clear(){
            $('.clear').val('');
        }
    </script>
</body>

</html>